var document = this.document;
const types = {
    type: "LIST_BOX_BEAUTIFICATION_TOOL_XJ",
    icon: "https://ocean.codemao.cn/appcraft/resource/icon/基础/显示.svg",
    title: "列表框美化工具",
    isInvisibleWidget: false,
    isGlobalWidget: false,
    properties: [
        {
            key: 'id',
            label: '列表框ID',
            valueType: 'string',
            defaultValue: ''
        },
        {
            key: 'rowBackgroundColor',
            label: '行背景颜色',
            valueType: 'color',
            defaultValue: '#fff'
        },
        {
            key: 'css',
            label: '自定义CSS',
            valueType: 'string',
            defaultValue: `.style_template5__tCCe9 {
    height: 200px
}`,
            editorType: 'TextArea'
        },
    ],
    methods: [],
    events: []
};
class Widget extends VisibleWidget {
    constructor(p) {
        super(p);
        Object.assign(this, p);
    }
    render() {
        return (<div dangerouslySetInnerHTML={{
            __html: `<style>
            .style_template5__tCCe9 {
                background-color: ${this.rowBackgroundColor}
            }
            ${this.css}
        </style>` }} />);
    }
}
exports.types = types;
exports.widget = Widget;